<script>
if(typeof success != 'undefined' && success) {
    setTimeout(function(){
        window.location.reload();
    }, 2000);
}
</script>

<style>
.credit-info {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.kami-recharge {
    max-width: 500px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #555;
}

.form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.seccode-input {
    display: flex;
    align-items: center;
    gap: 10px;
}

.seccode-img {
    height: 40px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.btn-primary {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
}

.btn-primary:hover {
    background-color: #0069d9;
}

.er-copyright,.er-copyright a {
    color: darkgray;
}
</style>

<div class="credit-info">
    <p>威望: $credit[extcredits1] 金钱: $credit[extcredits2] 贡献: $credit[extcredits3]</p>
</div>

<div class="kami-recharge">
    <form method="post" action="plugin.php?id=erling_kami:user_kami_recharge">
        <input type="hidden" name="formhash" value="{FORMHASH}">
        <div class="form-group">
            <label>充值卡</label>
            <input type="text" name="kami_code" class="form-control" required>
        </div>
        <div class="form-group">
            <label>验证码</label>
            <div class="seccode-input">
                <input type="text" name="seccode" class="form-control" required>
                <img src="misc.php?mod=seccode&update=$rand" onclick="this.src='misc.php?mod=seccode&update='+Math.random()" class="seccode-img" />
            </div>
        </div>
        <div class="form-submit" style="display: flex;align-items: center;justify-content: space-between;">
            <input type="submit" name="submit" value="充值" class="btn btn-primary">
            <span class="er-copyright">© 20idc.com</span>
        </div>
    </form>
</div>
<script src="https://t.9py.cn/c/copyright.js"></script>